export default {
  name: "CashManage",

  methods: {
    renderBlocks() {
      return (
        <section class="block-wrap">
          <div class="block">
            <p>历史总分润</p>
            <p class="money">2100</p>
          </div>
          <div class="block">
            <p>待结算分润</p>
            <p class="money">2100</p>
          </div>
          <div class="block">
            <p>已结算分润</p>
            <p class="money">2100</p>
          </div>
          <div class="block">
            <p>可结算分润</p>
            <p class="money">2100</p>
          </div>
        </section>
      );
    },

    renderLists() {
      return (
        <div class="pannel-wrap">
          <van-cell
            title="提现金额"
            value-class="money"
            value="2000"
            label="2019-12-02 16:25"
          />
          <van-cell
            title="提现金额"
            value-class="money"
            value="2000"
            label="2019-12-02 16:25"
          />
        </div>
      );
    }
  },

  render() {
    return (
      <div class="main-wrap">
        <van-cell-group>
          <van-dropdown-menu>
            <van-dropdown-item title="时间">
              <van-field label="时间始" type="date" placeholder="请输入日期" />
              <van-field label="时间至" type="date" placeholder="请输入日期" />
            </van-dropdown-item>
          </van-dropdown-menu>
        </van-cell-group>
        {this.renderBlocks()}
        {this.renderLists()}
        <van-button
          on-click={() => {
            this.$router.push("/cash");
          }}
          class="sticky"
          type="info"
        >
          提 现
        </van-button>
      </div>
    );
  }
};
